<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="css/layout.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/mydate-new.js"></script>
<!--[if ie]><link href="css/ie.css" type="text/css" rel="stylesheet"><![endif]-->
<script type="text/javascript">
	$(function(){
		$.defUnit.contactBox();
		$("#contact_btn").click(function(){
			$.defUnit.contactBox.Defaults={
				acceptID:"accept"	
			}
			$.defUnit.popDiv({
				tcID:"contact"	
			});
				
		});	
		$("#contact_btn1").click(function(){
			$.defUnit.contactBox.Defaults={
				acceptID:"accept1"	
			}
			$.defUnit.popDiv({
				tcID:"contact"	
			});
				
		});	
	});
</script>
</head>

<body>
	<div class="contact_box" id="contact" style="display:none">
    	<div class="title">
        	<a href="#" class="contact_close">关闭</a>
        	<span>从通讯录中添加</span>
            
        </div>
        <div class="contact_content clearfix">
        	<div class="contact_list_box">
            	<span class="tip">通讯录</span>
                <div class="show_contact_list">
                	<ul class="c_show_list">
                    	<li>
                        	<a href="#" class="contact_sorts"><b class="fold_btn_1"></b><span>同事</span></a><a href="#" class="contact_sorts_nums">(<i>8</i>)</a>
                            <ul class="contact_child_list" style=" display:none;">
                            	<li><a href="#">同事一</a></li>
                                <li><a href="#">同事二</a></li>
                                <li><a href="#">同事三</a></li>
                                <li><a href="#">同事四</a></li>
                                <li><a href="#">同事五</a></li>
                                <li><a href="#">同事六</a></li>
                                <li><a href="#">同事七</a></li>
                                <li><a href="#">同事八</a></li>
                            </ul>
                        </li>
                        <li>
                        	<a href="#" class="contact_sorts"><b class="fold_btn_1"></b><span>同学</span></a><a href="#" class="contact_sorts_nums">(<i>5</i>)</a>
                            <ul class="contact_child_list" style=" display:none;">
                            	<li><a href="#">同学一</a></li>
                                <li><a href="#">同学二</a></li>
                                <li><a href="#">同学三</a></li>
                                <li><a href="#">同学四</a></li>
                                <li><a href="#">同学五</a></li>
                            </ul>
                        </li>
                        <li>
                        	<a href="#" class="contact_sorts"><b class="fold_btn_1"></b><span>所有</span></a><a href="#" class="contact_sorts_nums">(<i>13</i>)</a>
                            <ul class="contact_child_list" style=" display:none;">
                            	<li><a href="#">同事一</a></li>
                                <li><a href="#">同事二</a></li>
                                <li><a href="#">同事三</a></li>
                                <li><a href="#">同事四</a></li>
                                <li><a href="#">同事五</a></li>
                                <li><a href="#">同事六</a></li>
                                <li><a href="#">同事七</a></li>
                                <li><a href="#">同事八</a></li>
                            	<li><a href="#">同学一</a></li>
                                <li><a href="#">同学二</a></li>
                                <li><a href="#">同学三</a></li>
                                <li><a href="#">同学四</a></li>
                                <li><a href="#">同学五</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
            
            <span class="arrow">
            	
            </span>
            
            <div class="contact_list_box">
            	<span class="tip">添加到</span>
                <div class="show_contact_list">
                	<ul class="c_insert_list" id="accept_item">
                    	<!--
                    	<li>
                        	<span class="remove">[<a href="#">移除</a>]</span>
                        	<span class="name">同学一</span>
                        </li>
                        -->
                    </ul>
                </div>
            </div>
        </div>
        <div class="contact_btn_box">
        	<a href="javascript:void(0);" class="c_btn" id="c_insure">确定</a><a href="javascript:void(0);" class="c_btn" id="c_cancl">取消</a>		
        </div>
    </div>
    <input type="text" id="accept"  />
    <input type="text" id="accept1" />
    <input type="button" id="contact_btn" value="添加" />
    <input type="button" id="contact_btn1" value="添加" />
    <div style="height:2000px;"></div>
</body>
</html>
